﻿<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.5" charset="utf-8"/>
<title>受益人信息</title>
<link href="/pad_marketing/html/css/main.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/common.css" rel="stylesheet" type="text/css" />
<link href="/pad_marketing/html/css/mobiscroll.custom-2.6.2.min.css" rel="stylesheet" type="text/css" />
</head>

<body>
    
<!--标题区域 start-->
<div class="tit_main">
  <label class="white lh-50">受益人信息</label>
  <a id="return" class="pull-left lh-50"><span class="icon icon-left"></span></a>
  <a class="pull-right block lh-50" href="/pad_marketing/index/index.action"><span class="icon icon-home"></span></a>
</div>
<!--标题区域 end-->

<ul class="step-panel">                                 
  <li class="gone" onclick="gotoStep(1);"><i>1</i>投保产品</li>
  <li class="active"><i>2</i>客户信息</li>
  <li><i>3</i>其他投保选项</li>
  <li><i>4</i>告知及问卷</li>
  <li><i>5</i>投保资料阅读</li>
  <li><i>6</i>投保确认</li>
  <li><i>7</i>签字</li>
  <li><i>8</i>拍照</li>
  <li><i>9</i>支付</li>
</ul>
<!--内容区域 start-->
<div class="H_step" id="wrapper">
  <div>   
    <div class="padding-15 lh-30">
      身故受益人<span class="gray">（如指定受益人因身故、丧失或放弃等原因而无受益权时，其受益份额由同一顺序的其他指定受益人按份额比例享有。只有前一顺序的全部指定受益人均无受益权时，后一顺序的指定受益人才享有受益权。）</span>
    </div>
    <table class="table no-border-top table-center" id="benefitTable">
      <tr class="active">
        <td width="90"><p class="lh-30 font-16">被保险人</p></td>
        <td width="80"><p class="lh-30 font-16">受益人</p></td>
        <td width="100"><p class="lh-30 font-16">是被保险人</p></td>       
        <td width="120"><p class="lh-30 font-16">证件类型</p></td>
        <td><p class="lh-30 font-16">证件号码</p></td>
        <td width="110"><p class="lh-30 font-16">出生日期</p></td>
        <td width="80"><p class="lh-30 font-16">性别</p></td>
        <td width="75"><p class="lh-30 font-16">受益率%</p></td>
        <td width="60"><p class="lh-30 font-16">受益顺序</p></td>
        <td><p class="lh-30 font-16">操作</p></td>
      </tr>
    </table>
    <div class="blank-10"></div>
    <button class="btn btn-link" id="add">
        <span class="icon icon-add">+</span><label class="blue">添加受益人</label>
    </button>
    <div class="clearfix"></div>
  </div> 
</div>
<!--内容区域 end-->

<!--底部区域 start-->
<div class="bot_main">
  <div class="col-md-2 col-md-offset-4">
    <a class="btn btn-primary btn-lg btn-block" id="before"><span class="icon icon-left-circle"></span>上一步</a>
  </div>
  <div class="col-md-2">
    <a class="btn btn-warning btn-lg btn-block" id="next"><span class="icon icon-right-circle"></span>下一步</a>
  </div>
</div>
<!--底部区域 end-->

<div id="agn-menu" class="hide">
  <div class="circle-panel">
    <nav class="circle-bg">
      <a class="circle-pic" onClick="showDiv('person-panel')">
        <img src="/pad_marketing/html/img/circle-bird.png">
      </a>
      <lable class="circle-text"></lable>
      <div class="circle-menu">
        <a href="#" class="menu-item" id="menu-one"> 
          <i class="">公司简介</i> 
        </a>
        <a href="#" class="menu-item" id="menu-two"> 
          <i class="">建议书</i>
        </a>
        <a href="#" class="menu-item" id="menu-three"> 
          <i class="">产品中心</i> 
        </a>
        <a href="#" class="menu-item" id="menu-four"> 
          <i class="">在线投保</i> 
        </a>
        <a href="#" class="menu-item" id="menu-five"> 
          <i class="">需求分析</i> 
        </a>
      </div>
      <span class="close circle-close" onClick="closeDiv('agn-menu')">X</span>
    </nav>
  </div>
</div>
<!--js全放底部-->
<script src="/pad_marketing/html/js/jquery-1.7.2.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/jquery.jmpopups-0.5.1.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.min.js"></script>
<script src="/pad_marketing/html/js/iscroll.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/idangerous.swiper.3dflow.js"></script>
<script src="/pad_marketing/html/js/mobiscroll.custom-2.6.2.min.js" type="text/javascript"></script>
<script src="/pad_marketing/html/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/base64.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/common.js" type="text/javascript"></script>
<script src="/pad_marketing/dev/js/benefit.js" type="text/javascript"></script>
</body>
</html>
